import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
import Alert from '../index';
import '../../../styles/index.scss';

<Meta title="Alert  - 提示框" component={Alert}/>

# 代码演示

<br/>
<br/>

## 按钮类型 -type

 - 提示框类型共有四种类型
 - 分别对应以下类型： `default`、`success`、`danger`、`warning`

> Alert的标题可以自闭和标签附带 `title` 属性食用，也可以直接在标签中间书写title

export const Template = (args) => <Alert {...args} />

<Canvas>
  <Alert title="默认的提示框" style={{width:'100%'}}/>
  <Alert title="Success" type="success">默认的提示框</Alert>
  <Alert type="danger">危险 ┌(。Д。)┐</Alert>
  <Alert type="warning">警告 (；へ：)</Alert>
</Canvas>

## 带内容的 - content

<Canvas>
  <Alert type="warning" content="这是我自己带的东西，因为我有点东西">警告 (；へ：)</Alert>
  <Alert type="success" content="说实话我也有点东西的">Get</Alert>
</Canvas>

## 自闭 - closed

<Canvas>
  <Alert type="danger" content="我点我自己" closed>危险 ┌(。Д。)┐</Alert>
  <Alert type="warning" content="你不会要点我吧" closed>警告 (；へ：)</Alert>
  <Alert content="不会真有人把三个都点了吧" closed>你点了我的布局就乱了，哥哥</Alert>
</Canvas>